<template>
  <div >
    <div class="week-tittle">周末去哪</div>
    <ul>
      <li>
        <div class="img-wrap">
          <img src="http://img1.qunarzz.com/sight/source/1510/6e/1ea71e2f04e.jpg_r_640x214_aa6f091d.jpg" alt="">
        </div>
        <div class="p-wrap">
          <p class="p-tittle">东方宫殿建筑代表</p>
          <p class="p-desc">东方宫殿建筑代表，世界宫殿建筑典范</p>
        </div>
      </li>
      <li>
        <div class="img-wrap">
          <img src="http://img1.qunarzz.com/sight/source/1510/6e/1ea71e2f04e.jpg_r_640x214_aa6f091d.jpg" alt="">
        </div>
        <div class="p-wrap">
          <p class="p-tittle">东方宫殿建筑代表</p>
          <p class="p-desc">东方宫殿建筑代表，世界宫殿建筑典范</p>
        </div>
      </li>
    </ul>



  </div>
</template>

<script>
  export default {
    name: 'HomeWeek'
  }
</script>

<style lang="stylus" scoped>
  @import '~styles/varibles.styl'
  .week-tittle
    line-height:.8rem
    padding-left: .2rem
    background-color: #eee
    margin-top: .1rem
  .img-wrap
    height: 0
    overflow hidden
    padding-bottom:33.9%
    img
      width:100%
  .p-wrap
    padding: .1rem
    .p-tittle
      line-height: .5rem
      font-weight:bold
      color: #333

    .p-desc
      line-height: .4rem
      color: #ccc

</style>
